// 暗色主题
html[data-theme='dark'] {
  --primary-text: #ffffffe6;
  --gray-text-1: #fafafa;
  --gray-text-2: #b9b1b1;
  --gray-text-3: #3a3838;
  --header-bg: rgb(23 31 52 / 80%);
  --drawer-bg: rgb(23 31 52 / 80%);
  --drawer-bottom-bg: rgba(23, 31, 52, 0.8);
  --img-view-bg: #242d43cc;
  --drawer-btn-text: #202020;
  --label-bg: #6f7b9bcc;
}

:root {
  // 默认亮色主题
  --primary-text: #202020;
  --gray-text-1: #5b5b5b;
  --gray-text-2: #949494;
  --gray-text-3: #ffffff;
  --header-bg: rgba(255, 255, 255, 0.8);
  --drawer-bg: rgba(255, 255, 255, 0.8);
  --drawer-bottom-bg: rgba(255, 255, 255, 0.7);
  --img-view-bg: rgba(255, 255, 255, 0.7);
  --drawer-btn-text: #fff;
  --label-bg: #ebebeb;

  // 通用样式
  --primary-color: #3b73f0;
  --tr: all 0.3s;
  --like-color: #f67770;
  --warning-color: #f67770;
}
